<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html>
    <head>
        <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        
        <link rel="stylesheet" type="text/css" href="css/create_my_goal.css">
    </head>
    <body>
        <div>
            <span>Название цели</span>
            <input type="text" placeholder="Введите название цели" />
        </div>
        
        <div>
            <span>Категория</span>
            <select>
                <option selected>без категории</option>
                <option>Спорт</option>
                <option>Бизнес</option>
                <option>Образование</option>
                <option disabled=""></option>
                <option>добавить другую категорию...</option>
            </select>
        </div>
        
        <div>
            <span>начало</span>
            <input type="date">
            <span>конец</span>
            <input type="date">
        </div>
        
        <div>
            <span>Описание цели</span>
            <textarea style="resize: none;" placeholder="введите описание цели"></textarea>
        </div>
        
        <div>
            <span>Промежуточные цели</span>
            <textarea style="resize: none;" placeholder="введите описание цели"></textarea>
        </div>
        
        <div>
            <span>Буду отчитываться каждые</span>
            <select>
                <option>1</option>
                <option>2</option>
                <option>3</option>
                <option>4</option>
                <option>5</option>
                <option>6</option>
                <option>7</option>
            </select>
            
            <select>
                <option>дней</option>
                <option>месяцев</option>
            </select>
            
            <br>
            / инф. для разработчика: первый либо второй вариант в зависимости от выбора день/месяц /
            <br>
            
            <select>
                <option>1</option>
                <option>2</option>
                <option>3</option>
                <option>4</option>
                <option>5</option>
                <option>6</option>
                <option>7</option>
                <option>8</option>
                <option>9</option>
                <option>10</option>
                <option>11</option>
                <option>12</option>
            </select>
            
            <select>
                <option>дней</option>
                <option>месяцев</option>
            </select>
        </div>
            
        <div>
            <span>Критерий достижения цели</span>

        </div>
            
        <div>
            <input type="checkbox" />
            <span>Публичная цель</span>
            <a href="#">Загрузить фото/видео</a>
        </div>
            
        <div>
            <a href="#">Вызов принят!</a>
            <a href="#">Я ошибся</a>
        </div>
    </body>
</html>
